@charset "utf-8";
#right #latest {

    /* 插入 “本站快讯” 图片 */
    background-image:url(../images/latest.jpg);
    
    /* 去除图片垂直和水平的重复 */
    background-repeat:no-repeat;

    /* 设置背景颜色 */
    background-color:#FFF;

    /* 本站快讯图片高33像素，腾出2px空间，使其不太紧凑 */
    padding-top:35px;

     /* 由于本层使用浮动，所以必须定义高度 */
     /* 否则 recommend 和本层重叠，所有使用了浮动的层，必须定义高度 */
    height:115px;    
    
}

#right #latest li {

    /* 设置图片之间的浮动 */
    float:left;

    /* 图片位于包含容器的左边界2px */
    padding-left: 2px;

}
#right #recomment{

    /* 插入背景图片 */
    background-image:url(../images/recommend.jpg);
    
    /* 去除背景图片水平和垂直的重复 */
    background-repeat:no-repeat;
    
    /* 本站快讯图片高33像素，腾出2px空间，使其不太紧凑 */
    padding-top:35px;
    
    /* 设置 recomment 容器的高度 */
    height:288px;
    
    /* 设置 recomment 容器的背景颜色 */
    background-color:#FFF;
    
    /* 设置 recomment 容器与上一个容器之间的间距 */
    margin-top:2px;
    
}


#right #recomment ul li {
    
    /* 设置列(内容）的浮动 */
    float:left;
    
    /* 设置列(内容)与容器内部内容左边的距离 */
    padding-left:18px;
    
    /* 设置每列的水平位置-居中对齐 */
    text-align:center;
    
    /* 上下两列之间的间距, 注意会影响后面的内容 */
	margin-bottom:5px;
}

/* 设置鲜花推荐超链的样式 */
#right #recomment ul li a{

    /* 设置字体颜色 => black */
    color:#000;
    
    /* 设置超链下划线样式 => none(无) */
    text-decoration:none;
    
}

/* 新品上市模块 */

    #right #new{

        /* 插入新品上市的背景图片 */
        background-image:url(../images/new.jpg);
        
        /* 去除图片水平与垂直的重复 */
        background-repeat:no-repeat;
        
        /* 设置模块的背景图片，目测效果 */
        background-color:white;
        
        /* 设置 new 容器与 recomment 容器之间的距离 */
        margin-top: 2px;

        /* 容器包含浮动内容，必须定死高度，不然会出现后面容器的重叠 */
        height:165px;

    }

    /* 设置图片的样式 */
    #right #new ul li {

        /* 内容浮动 */
        float:left;

        /* 图片高33像素，腾出2px空间 */
        padding-top:35px;

        /* 置于每一个 li 列的左边距 */
        padding-left:18px;

        /* 内容居中对齐 */
        text-align:center;
    }
    
/* 鲜花导购模块 */

    #right #tips{

        /* 插入 鲜花导购 背景图片 */
        background-image:url(../images/tips.jpg);

        /* 去除图片重复 */
        background-repeat:no-repeat;

        /* 设置背景颜色 */
        background-color:#FFF;

        /* 设置模块高度 */
        height:148px;

        /* 模块与 new 模块之间的间距 */
        margin-top:2px;

        /* 文案距离顶部的距离 */
        padding-top:55px;
        
    }

    /* 设置导购文本行的样式 */
    #container #right #tips ul li {

        /* 插入 icon2.gif 小图标 */
        background-image: url(../images/icon2.gif);

        /* 去除图标水平 and 垂直重复 */
        background-repeat: no-repeat;

        /* 设置图标 x轴 与 y轴 坐标系的绝对坐标 */
        background-position: 33px 5px;

        /*关键：使文字两边相对对称显示，right总宽：518px*/
        width:200px;              
        
        /*关键:  腾出59px点空间，使其对称 */
        padding-left:59px;
        
        /* 设置每行的行高 */
        height:30px;

        /* 内容的浮动 */
        float:left;
    }

    /* 鲜花导购超链静态样式 */
    
    #container #right #tips ul li a{

        /* 字体颜色 */
        color:#000;

    }

/* right 悬停事件模块 */

    /* 本站快讯 - 悬停事件 */
    #right #latest ul li:hover {
        
        /* position 定位属性 */
        /* relative 容器内相对定位 */
        position: relative;

        /* 距离底部弹出1px空间(定位) */
        bottom: 1px;

        /* 距离右边弹出1px空间(定位) */
        right: 1px;
    }

    
    /* 鲜花推荐 - 悬停样式 */
    #right #recomment ul li:hover{
        
        /* position 定位属性 */
        /* relative 容器内相对定位 */
        position: relative;

        /* 距离底部弹出1px空间(定位) */
        bottom: 1px;

        /* 距离右边弹出1px空间(定位) */
        right: 1px;
    }

    /* 新品推荐 - 悬停样式 */
    #right #new ul li:hover{

        /* position 定位属性 */
        /* relative 容器内相对定位 */
        position: relative;

        /* 距离底部弹出1px空间(定位) */
        bottom: 1px;
        right: 1px;
    }

    /* 鲜花导购 - 悬停样式 */
    #right #tips ul li a:hover{

        /* position 定位属性 */
        /* relative 容器内相对定位 */
        position: relative;

        /* 距离底部弹出1px空间(定位) */
        bottom: 1px;

        /* 距离右边弹出1px空间(定位) */
        right: 1px;
    }